<template>

    <div>
        <div class="login-wrap">
            <img src="../assets/img/main1.png">
            <!--            <div>-->
            <!--                <p style="margin-top:10px;margin-left:50px;;font-size: 140%;font-weight: bold; font-family: 'MT Extra';color: #6690ae ">-->
            <!--                    &emsp;&emsp;&emsp;&emsp;欢迎进入希迪克智能康复时代，-->
            <!--                    这是一个“信息化，智能化，家庭化，个性化”的世界-->
            <!--                  <br>-->
            <!--                    &emsp;&emsp;&emsp;&nbsp;&nbsp;给你想要的健康和未来，-->

            <!--                    是全球数字时代康复系统的领航者“希迪克”不断前进的目标</p>-->
            <!--            </div>-->
        </div>
    </div>
</template>

<script>
    // import {doSignout} from "../../../api/login";
    // import { updatePwd} from "../../../api/hospital/user";
    import Header from "@/components/Header";

    export default {
        components: {Header},
        data: function () {
            return {
                editVisible: false,
                editForm: {},
                // count:4,
                // icons:["el-icon-odometer","el-icon-basketball",'el-icon-reading','el-icon-setting'],
                // list:[{'isLink':true,url:"/assess"},{'isLink':true,url:"/train"},{'isLink':true,url:"/trainRecord"},{'isLink':true,url:"/menu"}],
                backgroundColor: '#6690ae',
                color: '#ffffff',
                // position:'bottom-left',
                isOpenNewTab: true,
                someList: [],
                editFormRules: {
                    userPwd: [
                        {required: true, message: '请输入用户原密码', trigger: 'blur'},
                        {pattern: /^[^\u4e00-\u9fa5]+$/, message: '不允许输入中文', trigger: 'blur'},
                        {pattern: /^[A-Za-z0-9\u4e00-\u9fa5]+$/, message: '不允许输入空格等特殊符号', trigger: 'blur'},
                        {pattern: /[0-9a-zA-Z]{1,6}/, message: '只可以输入数字和字母', trigger: 'blur'},
                        {min: 6, max: 6, message: '密码必须为6位字符', trigger: 'blur'}
                    ],
                    userUPwd: [
                        {required: true, message: '请输入修改后的密码', trigger: 'blur'},
                        {pattern: /^[^\u4e00-\u9fa5]+$/, message: '不允许输入中文', trigger: 'blur'},
                        {pattern: /^[A-Za-z0-9\u4e00-\u9fa5]+$/, message: '不允许输入空格等特殊符号', trigger: 'blur'},
                        {pattern: /[0-9a-zA-Z]{1,6}/, message: '只可以输入数字和字母', trigger: 'blur'},
                        {min: 6, max: 6, message: '修改后的密码必须为6位字符', trigger: 'blur'}
                    ],
                    userQPwd: [
                        {required: true, message: '请输入确认修改后的密码', trigger: 'blur'},
                        {pattern: /^[^\u4e00-\u9fa5]+$/, message: '不允许输入中文', trigger: 'blur'},
                        {pattern: /^[A-Za-z0-9\u4e00-\u9fa5]+$/, message: '不允许输入空格等特殊符号', trigger: 'blur'},
                        {pattern: /[0-9a-zA-Z]{1,6}/, message: '只可以输入数字和字母', trigger: 'blur'},
                        {min: 6, max: 6, message: '确认修改后的密码必须为6位字符', trigger: 'blur'}
                    ],
                },
            };
        },
        // methods: {
        //     // 用户名下拉菜单选择事件
        //     handleCommand(command) {
        //         if (command == 'loginout') {//退出登录
        //             // 二次确认退出登录
        //             this.$confirm('确定要退出登录吗？', '提示', {
        //                 type: 'warning'
        //             })
        //                 .then(() => {
        //                     //后台进行退出登录操作
        //                     doSignout({
        //                         userAcct: localStorage.getItem('ms_userAcct')
        //                     }).then(res => {
        //                         if (res.success==true){
        //                             localStorage.removeItem('Authorization');
        //                             localStorage.removeItem('ms_userAcct');
        //                             this.$router.push('/login');
        //                         }
        //                     });
        //                 })
        //                 .catch(() => {
        //                     this.$message({
        //                         message:'已取消操作'
        //                     });
        //                 });
        //         }if (command == 'handleEdit') {//重置密码
        //             this.editForm.userAcct=localStorage.getItem('ms_userAcct');
        //             this.editVisible = true;
        //         } else if(command == 'systemexit'){//退出系统
        //             __winx.exit();
        //         }
        //     },
        //     closeEdit(){//关闭重置密码弹出框
        //         this.editVisible=false;
        //         this.editForm={};
        //     },
        //     saveEdit(){
        //         // validate 函数 表单验证
        //         this.$refs['editForm'].validate((valid) => {
        //             if (valid) {
        //                 //判断修改密码与确认修改密码是否一致
        //                 if (this.editForm.userUPwd != this.editForm.userQUPwd) {//不一致
        //                     this.$message.error("请确认两次输入的修改密码是否一致？");
        //                 } else {//一致
        //                     //调用后台
        //                     updatePwd({
        //                         userAcct: this.editForm.userAcct,
        //                         oldPassword: this.editForm.userPwd,
        //                         newPassword: this.editForm.userQUPwd
        //                     }).then(res => {
        //                         if (res.success) {
        //                             this.editVisible = false;
        //                             this.editForm = {};
        //                             this.$message.success('重置成功请重新登录');
        //                             localStorage.removeItem('ms_userAcct');
        //                             this.$router.push('/login');
        //                         } else {
        //                             this.$message.error(res.data);
        //                         }
        //                     });
        //                 }
        //             }
        //         })
        //     },
        // },
    };
</script>

<style scoped>

    .login-wrap {
        position: relative;
        width: 1400px;
        height: 681px;
    }

    .ms-title {
        width: 100%;
        line-height: 60px;
        text-align: center;
        font-size: 30px;
        color: #ffffff;
        /*color: #fff;
        color: #79e03e;
        /*color: #e0da2f;*/
        border-bottom: 1px solid #ddd;
    }

    .header .logo {
        float: left;
        width: 400px;
        line-height: 50px;
        margin-top: 15px;
    }

    .btn-bell .el-icon-bell {
        color: #fff;
    }

    cascader {
        margin-left: 10px;
    }

    .user-avator img {
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }

    .header-avator img {
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 50%;
    }

</style>
